<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
  <!-- <h1>{{title}}</h1>
  <h2>{{hero.name}} details!</h2>
  <div><label>id: </label>{{hero.id}}</div>
  <div>
    <label>name: </label>
    <input [(ngModel)]="hero.name" placeholder="name">
  </div> -->
  <h1>{{rules}}</h1>
  <ul class="heroes">
  <li *ngFor="let hero of heroes">
      <!-- each hero goes here -->
      <span class="badge">{{hero.id}}</span>{{hero.name}}
    </li>
  </ul>
  <img class="smallImg" src="{{heroImageUrl}}" alt="加载失败">
  <button type="button" (click)="deleteHero()">deleteHero</button>
  <div>
    The sum of 1 + 1 is not {{1 + 1}} !
  </div>
  <img class="widthImg" src="assets/images/1.jpg" alt="">
  <img width="300" alt="Angular Logo" src="">
</div>
<h2>Here are some links to help you start: </h2>
<ul>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
  </li>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
  </li>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
  </li>
</ul>

